<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="navbar-inner">
		<div class="container">
			<!-- BEGIN LOGO -->
			<a class="brand" href="javascript:;">
			<img class="logo_class" src="/status/img/logo.png" alt="logo"/>
			</a>
			<!-- END LOGO -->
			<!-- BEGIN HORIZANTAL MENU -->
			<div class="navbar hor-menu hidden-phone hidden-tablet">
				<div class="navbar-inner">
					<ul class="nav">
						<li class="visible-phone visible-tablet">
							<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
							<form class="sidebar-search">
								<div class="input-box">
									<a href="javascript:;" class="remove"></a>
									<input type="text" placeholder="Search..." />
									<input type="button" class="submit" value=" " />
								</div>
							</form>
							<!-- END RESPONSIVE QUICK SEARCH FORM -->
						</li>
						<li>
							<a href="index.html">
							首页
							</a>
						</li>
						<li  class="active">
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							PHP技术
							<!--<span class="arrow"></span>-->
							</a>
							<!--<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									Sidebar Menu                     </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									Horzontal Menu                    </a>
								</li>
							</ul>-->
							<b class="caret-out"></b>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							Html/CSS
							<!--<span class="arrow"></span>-->
							</a>
							<!--<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									Sidebar Menu                     </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									Horzontal Menu                    </a>
								</li>
							</ul>-->
							<b class="caret-out"></b>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							JavaScript
							<!--<span class="arrow"></span>-->
							</a>
							<!--<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									Sidebar Menu                     </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									Horzontal Menu                    </a>
								</li>
							</ul>-->
							<b class="caret-out"></b>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							MySql
							<!--<span class="arrow"></span>-->
							</a>
							<!--<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									Sidebar Menu                     </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									Horzontal Menu                    </a>
								</li>
							</ul>-->
							<b class="caret-out"></b>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							框架
							<span class="arrow"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									Yii框架 </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									ThinkPHP </a>
								</li>
							</ul>
							<b class="caret-out"></b>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
							<span class="selected"></span>
							慢生活
							<span class="arrow"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									个人简历                     </a>
								</li>
								<li>
									<a href="layout_horizontal_sidebar_menu.html">
									生活随笔                     </a>
								</li>
								<li >
									<a href="layout_horizontal_menu1.html">
									个性相册                    </a>
								</li>
							</ul>
							<b class="caret-out"></b>
						</li>
						<li>
							<span class="hor-menu-search-form-toggler">&nbsp;</span>
							<div class="search-form hidden-phone hidden-tablet">
								<form class="form-search">
									<div class="input-append">
										<input type="text" placeholder="Search..." class="m-wrap">
										<button type="button" class="btn"></button>
									</div>
								</form>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- END HORIZANTAL MENU -->
			<!-- BEGIN RESPONSIVE MENU TOGGLER -->
			<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
			<img src="/status/img/menu-toggler.png" alt="" />
			</a>
			<!-- END RESPONSIVE MENU TOGGLER -->
			<!-- BEGIN TOP NAVIGATION MENU -->
			<ul class="nav pull-right">
				<!-- BEGIN USER LOGIN DROPDOWN -->
				<li class="dropdown user">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<span class="username">留言板</span>
					<img alt="" style="height: 30px" src="/status/img/avatar2.jpg" />
					<!--<i class="icon-angle-down"></i>-->
					</a>
					<!--<ul class="dropdown-menu">
						<li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>
						<li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>
						<li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>
						<li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
						<li class="divider"></li>
						<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
						<li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
					</ul>-->
				</li>
				<!-- END USER LOGIN DROPDOWN -->
			</ul>
			<!-- END TOP NAVIGATION MENU -->
		</div>
	</div>
	<!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->

<!-- BEGIN CONTAINER -->
<div class="page-container row-fluid">
	<!-- BEGIN EMPTY PAGE SIDEBAR -->
	<div class="page-sidebar nav-collapse collapse visible-phone visible-tablet">
		<ul class="page-sidebar-menu">
			<li class="visible-phone visible-tablet">
				<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
				<form class="sidebar-search">
					<div class="input-box">
						<a href="javascript:;" class="remove"></a>
						<input type="text" placeholder="Search..." />
						<input type="button" class="submit" value=" " />
					</div>
				</form>
				<!-- END RESPONSIVE QUICK SEARCH FORM -->
			</li>
		</ul>
	</div>
	<!-- END EMPTY PAGE SIDEBAR -->
	<!-- BEGIN PAGE -->
	<div class="page-content no-min-height">
		<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<div id="portlet-config" class="modal hide">
			<div class="modal-header">
				<button data-dismiss="modal" class="close" type="button"></button>
				<h3>portlet Settings</h3>
			</div>
			<div class="modal-body">
				<p>Here will be a configuration form</p>
			</div>
		</div>
		<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<!-- BEGIN PAGE CONTAINER-->
		<div class="container-fluid promo-page">
			<!-- BEGIN PAGE CONTENT-->
			<div class="row-fluid">
				<div class="span12">
					<div class="block-body">
						<div class="center_left">
							<div class="center_model_one">
								<div class="banner">
									<div id="slide-holder">
										<div id="slide-runner">
											<a href="/" target="_blank"><img id="slide-img-1" src="/status/img/a1.jpg" alt="" style="left: -3000px;"></a>
											<a href="/" target="_blank"><img id="slide-img-2" src="/status/img/a2.jpg" alt="" style="left: -2000px;"></a>
											<a href="/" target="_blank"><img id="slide-img-3" src="/status/img/a3.jpg" alt="" style="left: -1000px;"></a>
											<a href="/" target="_blank"><img id="slide-img-4" src="/status/img/a4.jpg" alt="" style="left: 0px;"></a>
											<div id="slide-controls" style="display: block;">
												<p id="slide-client" class="text"><strong></strong><span>标题4</span></p>
												<p id="slide-desc" class="text">add your description here</p>
												<p id="slide-nav"></p>
											</div>
										</div>
									</div>
									<script>
										if(!window.slider) {
											var slider={};
										}

										slider.data= [
											{
												"id":"slide-img-1", // 与slide-runner中的img标签id对应
												"client":"标题1",
												"desc":"这里修改描述 这里修改描述 这里修改描述" //这里修改描述
											},
											{
												"id":"slide-img-2",
												"client":"标题2",
												"desc":"add your description here"
											},
											{
												"id":"slide-img-3",
												"client":"标题3",
												"desc":"add your description here"
											},
											{
												"id":"slide-img-4",
												"client":"标题4",
												"desc":"add your description here"
											}
										];

									</script>
								</div>
								<div class="panel">
									<!--最新文章star-->
								    <div class="box-title">
								        <span>最新文章</span>
								        <span class="pull-right_two"><a href="" class="font-12">更多»</a></span>
								    </div>
									<div class="blogs">
										<figure><img src="/status/img/01.jpg"></figure>
										<ul>
											<h3><a href="/">住在手机里的朋友</a></h3>
											<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
											<div class="autor">
												<div class="autor-left">
													<span class="lm f_l"><a href="/">个人博客</a></span>&nbsp;
													<span class="dtime f_l"><a href="">2016-07-10</a></span>&nbsp;
												</div>
												<div class="autor-right">
													<span class="viewnum f_r"><a href="">浏览（459）</a></span>&nbsp;
													<span class="pingl f_r"><a href="">评论（30）</a></span>
												</div>
											</div>
										</ul>
									</div>
									<div class="blogs">
										<figure><img src="/status/img/01.jpg"></figure>
										<ul>
											<h3><a href="/">住在手机里的朋友</a></h3>
											<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
											<div class="autor">
												<div class="autor-left">
													<span class="lm f_l"><a href="/">个人博客</a></span>&nbsp;
													<span class="dtime f_l"><a href="">2016-07-10</a></span>&nbsp;
												</div>
												<div class="autor-right">
													<span class="viewnum f_r"><a href="">浏览（459）</a></span>&nbsp;
													<span class="pingl f_r"><a href="">评论（30）</a></span>
												</div>
											</div>
										</ul>
									</div>
									<div class="blogs">
										<figure><img src="/status/img/01.jpg"></figure>
										<ul>
											<h3><a href="/">住在手机里的朋友</a></h3>
											<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
											<div class="autor">
												<div class="autor-left">
													<span class="lm f_l"><a href="/">个人博客</a></span>&nbsp;
													<span class="dtime f_l"><a href="">2016-07-10</a></span>&nbsp;
												</div>
												<div class="autor-right">
													<span class="viewnum f_r"><a href="">浏览（459）</a></span>&nbsp;
													<span class="pingl f_r"><a href="">评论（30）</a></span>
												</div>
											</div>
										</ul>
									</div>
									<div class="blogs">
										<figure><img src="/status/img/01.jpg"></figure>
										<ul>
											<h3><a href="/">住在手机里的朋友</a></h3>
											<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
											<div class="autor">
												<div class="autor-left">
													<span class="lm f_l"><a href="/">个人博客</a></span>&nbsp;
													<span class="dtime f_l"><a href="">2016-07-10</a></span>&nbsp;
												</div>
												<div class="autor-right">
													<span class="viewnum f_r"><a href="">浏览（459）</a></span>&nbsp;
													<span class="pingl f_r"><a href="">评论（30）</a></span>
												</div>
											</div>
										</ul>
									</div>
									<!--最新文章end-->
									<!--慢生活star-->
									<div class="box-title">
										<span>慢生活</span>
										<span class="pull-right_two"><a href="" class="font-12">更多»</a></span>
									</div>
									<div class="slow-pic">
										<ul class="thumb">
											<li><a href="#"><img src="/status/img/1.jpg"/></a></li>
											<li><a href="#"><img src="/status/img/2.jpg"/></a></li>
											<li><a href="#"><img src="/status/img/3.jpg"/></a></li>
											<li><a href="#"><img src="/status/img/4.jpg"/></a></li>
										</ul>
									</div>
									<!--慢生活end-->
									<!--闲言碎语star-->
									<div class="xian-content" style="margin-bottom: 40px;">
										<div class="box-title">
											<span>闲言碎语</span>
											<span class="pull-right_two"><a href="" class="font-12">更多»</a></span>
										</div>
										<div class="xian_content xian_gold">
											<span>避免使用撒地方了大噶速度啊时代发生阿道夫</span>
											<a href=""><button class="btn xian_button">阅读全文</button></a>
										</div>
										<div class="xian_content xian_royalblue">
											<span>避免使用撒地方了大噶速度啊时代发生阿道夫</span>
											<a href=""><button class="btn xian_button">阅读全文</button></a>
										</div>
										<div class="xian_content xian_green">
											<span>避免使用撒地方了大噶速度啊时代发生阿道夫</span>
											<a href=""><button class="btn xian_button">阅读全文</button></a>
										</div>
										<div class="xian_content xian_red">
											<span>避免使用撒地方了大噶速度啊时代发生阿道夫</span>
											<a href=""><button class="btn xian_button">阅读全文</button></a>
										</div>
										<div class="xian_content xian_greenyellow">
											<span>避免使用撒地方了大噶速度啊时代发生阿道夫</span>
											<a href=""><button class="btn xian_button">阅读全文</button></a>
										</div>
									</div>
									<!--闲言碎语end-->
									<!--友情链接-->
									<!--<div class="end-link">

									</div>-->
									<!--友情链接-->
								</div>
							</div>
						</div>
						<div class="center_right">
							<!--天气-->
							<div class="think_page">
								<iframe class="think_iframe" src="http://www.thinkpage.cn/weather/weather.aspx?uid=U61E2867F8&cid=CHSH000000&l=zh-CHS&p=SMART&a=0&u=C&s=1&m=2&x=1&d=3&fc=&bgc=&bc=&ti=0&in=0&li=" frameborder="0" scrolling="no" width="200" height="200" allowTransparency="true"></iframe>
							</div>
							<!--天气-->
							<!--导航-->
							<div class="rnav">
								<ul>
									<li class="rnav1"><a href="" target="_blank">日记</a></li>
									<li class="rnav2"><a href="" target="_blank">欣赏</a></li>
									<li class="rnav3"><a href="" target="_blank">程序人生</a></li>
									<li class="rnav4"><a href="" target="_blank">经典语录</a></li>
								</ul>
							</div>
							<!--导航-->
							<!--最新动态-->
							<div class="right-box-title">
								<span>最新 <span style="color: forestgreen">动态</span></span>
								<span class="right_more"><a href="" class="font-12">更多»</a></span>
							</div>
							<div class="right_news_content">
								<div class="right_news_one">
									<div class="media-left media-color-1"><span>1</span></div>
									<div class="media-right-news"><a href="">今天过得很开心你知道的吗...</a></div>
								</div>
								<div class="right_news_one">
									<div class="media-left media-color-2"><span>2</span></div>
									<div class="media-right-news"><a href="">今天过得很开心你知道的吗...</a></div>
								</div>
								<div class="right_news_one">
									<div class="media-left media-color-3"><span>3</span></div>
									<div class="media-right-news"><a href="">今天过得很开心你知道的吗...</a></div>
								</div>
								<div class="right_news_one">
									<div class="media-left media-color-4"><span>4</span></div>
									<div class="media-right-news"><a href="">今天过得很开心你知道的吗...</a></div>
								</div>
								<div class="right_news_one">
									<div class="media-left media-color-5"><span>5</span></div>
									<div class="media-right-news"><a href="">今天过得很开心你知道的吗...</a></div>
								</div>
							</div>
							<!--最新动态-->
							<!--点击排行-->

							<div class="ms-top">
								<ul class="hd" id="tab">
									<li class="bg-color"><a href="/">点击排行</a></li>
									<li class=""><a href="/">最新文章</a></li>
									<li class=""><a href="/">站长推荐</a></li>
								</ul>
							</div>
							<div class="ms-main" id="ms-main">
								<div style="display: block;" class="bd bd-news news-0">
									<ul>
										<li><a href="/" target="_blank">住在手机里的朋友</a></li>
										<li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
										<li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
										<li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
										<li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
										<li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
									</ul>
								</div>
								<div class="bd bd-news news-1" style="display: none;">
									<ul>
										<li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
										<li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
										<li><a href="/" target="_blank">住在手机里的朋友</a></li>
										<li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
										<li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
										<li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
									</ul>
								</div>
								<div class="bd bd-news news-2" style="display: none;">
									<ul>
										<li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
										<li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
										<li><a href="/" target="_blank">住在手机里的朋友</a></li>
										<li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
										<li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
										<li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
									</ul>
								</div>
							</div>
							<!--点击排行-->
							<!--标签云-->
							<div class="right-box-title">
								<span>标签<span style="color: #f02c71;">云</span></span>
							</div>
							<div class="cloud">
								<ul>
									<li><a href="/">个人博客</a></li>
									<li><a href="/">web开发</a></li>
									<li><a href="/">PHP</a></li>
									<li><a href="/">MySql</a></li>
									<li><a href="/">框架</a></li>
									<li><a href="/">Html5+css3</a></li>
									<li><a href="/">Yii2</a></li>
									<li><a href="/">Javasript</a></li>
									<li><a href="/">ThinkPHP</a></li>
									<li><a href="/">Smarty</a></li>
									<li><a href="/">HTTP</a></li>
									<li><a href="/">Ajax</a></li>
									<li><a href="/">NoSql</a></li>
									<li><a href="/">BootStrap</a></li>
								</ul>
							</div>
							<!--标签云-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PAGE CONTENT-->
	</div>
	<!-- END PAGE CONTAINER-->
</div>
<!-- END PAGE -->
<!-- END CONTAINER -->